<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="../../easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../../easyui/themes/icon.css">
	<!--引入Jquery主文件-->
	<script type="text/javascript" src="../../easyui/jquery.min.js"></script>
	<!--引入JqueryEasyUI主文件-->
	<script type="text/javascript" src="../../easyui/jquery.easyui.min.js"></script>
	<!--让easyUI支持中文-->
	<script type="text/javascript" src="../../easyui/locale/easyui-lang-zh_CN.js"></script>
	<script type="text/javascript">
		var url;
		/* 添加教室信息的函数 */
    	function add(){
		  	 $("#dlgadd").dialog({closed:false,title:"添加公告信息"});
			 url="${pageContext.request.contextPath}/pages/notice/add.do";
	  	}
    	
		//编辑教室信息
  	  	function edit(){
  		//若未选择要修改的记录，给出提示
 	  	 
 	  	 var selected = $("#datagrid").datagrid("getSelections");
 	  	 if(selected.length == 0){
 	  		$.messager.alert("消息提示", "请选择要编辑记录", "error");
 	  	 }
 	  	 //若已经选择了需要修改的记录，那么进行修改操作
 	  	 var row=$("#datagrid").datagrid("getSelected");
 		 if(row){
	 		  $("#dlgedit").dialog({closed:false,title:"编辑公告信息"});
	 		  $("#fmedit").form("load",row);
	 		 url="${pageContext.request.contextPath}/pages/notice/update.do";
 		 } 
 	   }
		
	  	function saveAdd(){
		  	$('#fmadd').form('submit', {  		
		  		url:url,   
			    onSubmit: function(){  
				  //表单验证  
			    },    
			    success:function(data){    
			       var data=eval("("+data+")");
				   if(data.res){	
				   	  $('#dlgadd').dialog({closed:true});
					  $("#datagrid").datagrid("reload");
				   }else{
					   alert("保存失败！");
				   }  
			    }    
			}); 
		  }
	  	
	  	function saveEdit(){
		  	$('#fmedit').form('submit', {  		
		  		url:url,   
			    onSubmit: function(){  
				  //表单验证  
				  
			    },    
			    success:function(data){    
			       var data=eval("("+data+")");
				   if(data.res){	
				   	  $('#dlgedit').dialog({closed:true});
					  $("#datagrid").datagrid("reload");
				   }else{
					   alert("保存失败！");
				   }  
			    }    
			}); 
		  } 
		
	  function del(){
		  	//若未选择要删除的记录，给出提示
		  	 var selected = $("#datagrid").datagrid("getSelections");
	 	  	 if(selected.length == 0){
	 	  		$.messager.alert("消息提示", "请选择要删除的记录", "error");
	 	  	 }
		  	 var row=$("#datagrid").datagrid("getSelected");
			 if(row){
			 	$.messager.confirm('确认','您确认想要删除记录吗？',function(r){    
			    if (r){  
			   
			        $.post('${pageContext.request.contextPath}/pages/notice/delete.do',{noticeId:row.noticeId},function(data){
						if(data.res)
						{
							$("#datagrid").datagrid("reload");
						}else{
							alert("删除失败！")
						}
						
					},"json");    
			    }    
			}); 
			 }
		  }
	  function query(){
		  //获取输入的查询条件
		var para = $("#notice").val();
		var options = $("#datagrid").datagrid("getPager" ).data("pagination" ).options;  
		var page = options.pageNumber;
		var rows = options.pageSize;
	  	//利用ajax,来获取后台查询数据
			$.post("${pageContext.request.contextPath}/pages/notice/mquery.do","page="+page+"&pageSize="+rows+"&keyWord="+para,function(data){
			//msg可以是AJAX返回的数据也可以自定义的JSON格式的字符串
			$('#datagrid').datagrid('loadData', JSON.parse(data));
		},"text");
	  }
	  //取消选中的记录
	  function unselect() {
		$("#datagrid").datagrid("clearSelections");
		$("#datagrid").datagrid("unselectAll");
	  }
	  
	</script>


  </head>
 <body>   
 
	<table class="easyui-datagrid" id="datagrid" style="width:700px;height:400px"
            data-options="singleSelect:false,
				            fit:true,fitColumns:true,
				            pagination:true,
				            collapsible:true,
				            pagePosition : 'bottom',
							pageList : [ 5,10,15,20 ],
							pageSize : 5,
							checkOnSelect : true,
							selectOnCheck : true,
							toolbar:'#tb',
				            url:'${pageContext.request.contextPath}/pages/notice/query.do',method:'post'">
        <thead>
            <tr><th data-options="field:'ck',checkbox:true"></th>
                <th data-options="field:'noticeId',width:100,align:'center'">id</th>
                <th data-options="field:'noticeTheme',width:80,align:'center'">公告主题</th>
                <th data-options="field:'noticeContent',width:80,align:'center'">公告内容</th>
                <th data-options="field:'noticeTime',width:80,align:'center'" >时间</th>
                <th data-options="field:'department',width:80,align:'center'">发送部门</th>
                <th data-options="field:'showCode',width:80,align:'center'">显示密码</th>
            </tr>
        </thead>
    </table>
    
    <!--  对课程信息进行增删改查的操作的按钮 -->
	    <div id="tb">
		   	 <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'" onclick="add()"> 新建</a>
			 <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit'" onclick="edit()"> 编辑</a>
			 <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" onclick="del()"> 删除</a>
			 <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-undo'" onclick="unselect()"> 取消选中</a>
   <form id="mm" method="post" style="display: inline-block;">
  	 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;模糊查询：<input type="text" id="notice" name="notice" placeholder="请输入公告主题/公告内容/发送部门"/>
  	  <a href="#" onclick="query()"  class="easyui-linkbutton">查询</a>
   </form> 
	   	</div>
	   	
	    <!-- 对课程进行增加的表单 -->
	   	<div id="dlgadd" class="easyui-dialog" style="width:300px;height:380px;background:gray" data-options="buttons:'#btnsadd',closed:true">
	   	   <form id="fmadd" method="post">
	   	   	<center><h3>公告信息</h3></center>
			    公告主题:<input type="text" name="noticeTheme"/><br/><br/>
			    公告内容:<input type="text" name="noticeContent"/><br/><br/>
			    公告时间:<input type="text" name="noticeTime" class="easyui-datebox"/><br/><br/> 
			    发送部门:<input type="text" name="department"/><br/><br/> 
			    显示密码:<input type="text" name="showCode"/><br/><br/> 
	   	   </form>
   		</div>
   			   <!-- 	对教室进行修改的表单 -->
	   	<div id="dlgedit" class="easyui-dialog" style="width:300px;height:380px;background:gray" data-options="buttons:'#btnsedit',closed:true">
	   	   <form id="fmedit" method="post">
	   	   	 <center><h3>公告信息</h3></center>
	   	   	 <input type="text" name="noticeId" hidden=true/>
			    公告主题:<input type="text" name="noticeTheme"/><br/><br/>
			    公告内容:<input type="text" name="noticeContent"/><br/><br/>
			    公告时间:<input type="text" name="noticeTime" class="easyui-datebox"/><br/><br/> 
			    发送部门:<input type="text" name="department"/><br/><br/>
			    显示密码:<input type="text" name="showCode"/><br/><br/>  
	   	   </form>
   		</div>
   		<!-- 定义添加表单上的按钮 -->
   		<div id="btnsadd">
		   	 <a href="#" class="easyui-linkbutton" onclick="saveAdd()">保存</a>
			 <a href="#" class="easyui-linkbutton" onclick="javascript:$('#dlgadd').dialog({closed:true})">取消</a>
	   </div>
	   
	   <!-- 定义修改表单上的按钮 -->
   		<div id="btnsedit">
		   	 <a href="#" class="easyui-linkbutton" onclick="saveEdit()">保存</a>
			 <a href="#" class="easyui-linkbutton" onclick="javascript:$('#dlgedit').dialog({closed:true})">取消</a>
	   </div>
	   	
	<div id="dd" ></div>
</body>  
</html>